// 主体色
:root {
  --main-color: rgb(253, 84, 78);
  --main-color-background: rgba(253, 84, 78, 0.1);
  --slider-button-color: #FD544E;
  --slider-button-color-background: #FD544E1A;
  --header-text-color: rgb(255, 255, 255);
}


h1, h2, h3, h4, h5, h6, ul, li, p, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

div {
  box-sizing: border-box

}

body {
  overflow: hidden;
}

a {
  text-decoration: none;
  color: #000;

}

li {
  list-style: none;
}

.holding:hover {
  color: var(--slider-button-color);
}

.selected-tags {
  color: var(--slider-button-color);
  background-color: var(--slider-button-color-background);
  border-radius: 10px;
}

//.selected-text {
//  color: var(--slider-button-color);
//}

.my-popover {
  min-width: 60px !important;
  background-color: black;

}


.column-container {
  display: flex;
  flex-direction: column;
}

.column-center-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.row-container {
  display: flex;

}

.row-center-container {
  display: flex;
  justify-content: center;
}

.al-center {
  align-items: center;
}

.jc-center {
  justify-content: center;
}

.el-button:focus, .el-button:hover {
  color: #000;
  border-color: #989696;
  background-color: rgba(178, 177, 177, 0.3);
}

.el-button {
  padding: 8px 15px;
}
